import {createRouter,createWebHistory} from 'vue-router'
const router = createRouter({
    history: createWebHistory(),
    routes: [
        {
            path: '/',
            redirect: '/home',
            meta:{title:'首页'}
        },
        {
            path: '/home',
            component:() => import('../pages/Home.vue'),
            name:'home',
            meta:{title:'首页',name: 'home', isTab:true}
        },
        {
            path:'/category',
            component:() =>import('../pages/Category.vue'),
            name:'category',
            meta:{title:'分类',isTab:true,isShowNav:true}
        },
        {
            path:'/message',
            component:() =>import('../pages/Message.vue'),
            name:'message',
            meta:{title:'消息',isTab:true,isShowNav:true}
        },
        {
            path:'/cart',
            component:() =>import('../pages/Cart.vue'),
            name:'cart',
            meta:{title:'购物车',isTab:true,isShowNav:true,isShowBack:true}
        },
        {
            path:'/user',
            component:() =>import('../pages/User.vue'),
            name:'user',
            meta:{title:'我的',isTab:true}
        },
        {
            path: '/login',
            component: () => import('../pages/Login.vue'), name: 'login',
            meta: { title: '登录', isTab: true, isShowNav: true, isShowBack: true }
            },
        {
            path: '/register',
            component: () => import('../pages/Register.vue'), name: 'register',
            meta: { title: '注册 ', isTab: true, isShowNav: true, isShowBack: true }
        },
        { 
            path: '/goodslist/:category_id',
            component: () => import('../pages/GoodsList.vue'), 
            props: true, 
            name: 'goodslist', 
            meta: { title: '商品列表', isTab: true, isShowNav: true, isShowBack: true } 
            },
            {
                path: '/goodsDetail/:id',
                component: () => import('../pages/GoodsDetail.vue'), 
                props: true, 
                name: 'goodsDetail', 
                meta: { title: '商品详情', isTab: false, isShowNav: true, isShowBack: true } 
                },
    ]
})
router.beforeEach((to,from,next) => {
    const title = to.meta && to.meta.title
    if (title) {
        document.title = title + '-你的商城'
    }
    next()
})
export default router